<template>
  <div id="container">
    <TopBar style="height: 70px" />
    <div class="main">
      <router-view/>
    </div>
  </div>
</template>

<script lang="ts">
import TopBar from "@mars/pages/home/TopBar/TopBar.vue"
import Content from "@mars/pages/home/Content/index.vue"
export default {
  name: "home",
  components: {
    TopBar,
    Content
  }
}
</script>
<style>
#container{
  height: auto;
  display: flex;
  flex-direction: column;
}

.main {
  height: calc(100vh - 70px);
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
</style>

